import React from 'react'
import { Row, Col, Breadcrumb } from 'antd'
import { HashRouter, Route, Link, Switch, BrowserRouter as Router } from 'react-router-dom'
import classic from '../shou/book/classic'
import Success from '../shou/book/success'
import Emery from '../shou/book/emeryic'
import More from '../shou/book/more'
import Culture from '../shou/book/culture'
class Zhu extends React.Component {
    constructor() {
        super()
    }
    componentDidMount() {
        console.log(this.props)
    }
    render() {
        return (
            <Row>
                <Col>
                    注册
                <Router>
                        <Row>
                            <Col span={24}>
                                <Breadcrumb>
                                    <Breadcrumb.Item><Link to="/Zhu/">小说</Link></Breadcrumb.Item>
                                    <Breadcrumb.Item><Link to="/Zhu/success">励志成功学</Link></Breadcrumb.Item>
                                    <Breadcrumb.Item><Link to="/Zhu/culture">文学</Link></Breadcrumb.Item>
                                    <Breadcrumb.Item><Link to="/Zhu/emery">经济管理</Link></Breadcrumb.Item>
                                    <Breadcrumb.Item><Link to="/Zhu/more">更多</Link></Breadcrumb.Item>
                                </Breadcrumb>
                            </Col>
                            <Col span={24}>
                                <Route exact path="/Zhu/" component={classic}></Route>
                                <Route exact path="/Zhu/success" component={Success} />
                                <Route exact path="/Zhu/culture" component={Culture} />
                                <Route exact path="/Zhu/emery" component={Emery} />
                                <Route exact path="/Zhu/more" component={More} />
                            </Col>
                        </Row>
                    </Router>
                </Col>
            </Row>
        )
    }
}
export default Zhu